<!DOCTYPE html>
<html>
<head>
    <title>测试MaterialId字段</title>
    <meta charset="utf-8">
    <script src="/js/jquery-1.8.0.min.js"></script>
    <script src="/js/easyui/jquery.easyui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"/>
</head>
<body>
    <h2>测试MaterialId字段设置</h2>
    <p>这个页面用于测试前端是否正确设置了MaterialId字段</p>
    
    <div style="margin: 20px;">
        <h3>测试步骤：</h3>
        <ol>
            <li>打开采购订单页面</li>
            <li>新增一个订单</li>
            <li>选择商品</li>
            <li>在浏览器控制台执行以下代码检查明细数据：</li>
        </ol>
        
        <pre style="background: #f5f5f5; padding: 10px; border: 1px solid #ccc;">
// 检查明细数据中是否包含MaterialId
var rows = $("#materialData").datagrid('getRows');
console.log('明细数据:', rows);
for(var i = 0; i < rows.length; i++) {
    console.log('第' + (i+1) + '行 MaterialId:', rows[i].MaterialId);
    console.log('第' + (i+1) + '行 MaterialExtendId:', rows[i].MaterialExtendId);
    console.log('第' + (i+1) + '行 完整数据:', rows[i]);
}

// 检查隐藏字段的值
var materialIdInput = $("#depotHeadFM .datagrid-body").find("[field='MaterialId']").find(".datagrid-editable-input");
console.log('MaterialId隐藏字段值:', materialIdInput.val());

// 检查当前编辑行的数据
var currentRow = $("#materialData").datagrid('getRows')[editIndex];
if (currentRow) {
    console.log('当前编辑行数据:', currentRow);
}
        </pre>
        
        <h3>预期结果：</h3>
        <ul>
            <li>MaterialId 字段应该有值（数字ID）</li>
            <li>MaterialExtendId 字段也应该有值</li>
            <li>两个字段的值应该不同（MaterialId是商品主表ID，MaterialExtendId是商品扩展表ID）</li>
        </ul>
        
        <h3>调试信息：</h3>
        <ul>
            <li>如果 MaterialId 为空，检查 materialSelect 函数是否正确设置了值</li>
            <li>如果 MaterialId 有值但保存时丢失，检查 endEditing 函数</li>
            <li>如果后端仍然报错，检查 filterDetailRows 函数是否正确处理了数据</li>
        </ul>
    </div>
</body>
</html> 